html{ overflow:hidden; margin: 0;padding:0;}
#body,body{overflow:hidden;height:100%;width:100%;border:none;min-width:960px;}

/*---------------------------------------------------------------------------------------------------------------
	header
 ---------------------------------------------------------------------------------------------------------------*/
.header { background:url(/img/tile_bg.gif) repeat-x; height:74px;position:relative;z-index:7000; }
.pointer{cursor:pointer;}
.over{overflow:hidden;}
.header-inner {height:30px;}
.header a { color: #33404d; text-decoration:none }
.top-bar { 
		font-family:Arial;
		color: #333;
	 	white-space: nowrap; 
		padding:0 0 0 10px; 
		line-height: 27px;
		height:27px;
	}
.head-user{color:#000;padding-right:10px;background:url(/img/topbar.png) no-repeat -100px -3px;width:auto;}
.head-opts{background:url(/img/topbar.png) no-repeat 0 -3px;padding-left:35px}
.top-bar a {color:#3F4D69;padding:2px 5px; }
.top-bar .head-user a:hover,
.top-bar .head-opts a:hover
{background:#6888C8;color:#fff;
	box-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; 
	box-shadow:0px 3px 7px #999; -moz-box-shadow:0px 3px 7px #999; -webkit-box-shadow:0px 3px 7px #999;
	}
.logo { float:left; line-height:30px; height:30px; overflow:hidden; margin: 0 10px 0 0; color:#000; padding: 0 0 0 5px; font-size: 26px; }
.logo a { text-decoration:none; }
.head-license { font-size:9px; font-weight:normal; color:#ccc;}
.main-menu {}

.rpcnotify i{color:#ff3300;}
.head-opts .num { font-size: 10px; font-style: normal; color: #fff; }

.head-nav { padding:10px 10px 0; overflow:hidden; height:28px; clear:both; }
.head-nav a, .head-nav a:hover { text-decoration:none; }
.head-nav dl { float: left; margin:0 2px 0 0;display:block; }
.head-nav dd {visibility:hidden;position:absolute;margin:0;*margin-top:-4px;width:330px; background:#fff; z-index:65535; border:1px solid #5378BF;
	 box-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; 
	box-shadow:0px 3px 7px #999; -moz-box-shadow:0px 3px 7px #999; -webkit-box-shadow:0px 3px 7px #999;}

.head-nav dt a { background:url(/img/main_bg.gif) no-repeat -250px 0; color:#4b5f87; cursor:pointer; float:left; font-size:14px; height:27px; line-height:27px;*line-height:29px; padding:0 0 0 18px; }
.head-nav dt span { background:url(/img/main_bg.gif) no-repeat right 0; float:left; padding:0 18px 0 0; }
.head-nav dt a:hover { background-position: -250px -80px; color:#334b79; }
.head-nav dt a:hover span{ background-position: right -80px; }


.head-nav a.current, .head-nav a.current:hover { background-position: -250px -40px; color:#fff; }
.head-nav a.current span, .head-nav a.current:hover span { background-position: right -40px; }
.head-nav ul { margin:0; padding:2px; zoom:1;}

.head-nav ul ul { position:static; width:auto; border:none; overflow:hidden; zoom:1; -moz-box-shadow:none; }
.head-nav li { zoom:1; border-bottom:1px solid #ccc; list-style:none; font-weight: normal;}
.head-nav li.last{border-bottom:none;}
.head-nav li.group_handle a { background:url("ico_arrow1.gif") no-repeat 95% center; }
.head-nav li a { display: block; cursor:default; color:#294377; zoom:1; padding:1px 5px; line-height: 20px;}
.head-nav li a:hover { background-color:#6A8ACA; color:#fff; border:none; cursor:pointer; }
.head-nav li .head-nav-sub { color:#222; font-weight:bold; padding:5px 0 0 7px;}
.head-nav li .head-nav-sub:hover { color:#222; background:none; cursor:default; }
.head-nav li.group_handle ul a { background-image:none; cursor:pointer; }
.head-nav ul li { line-height:25px;}
.head-nav ul li.last{ border-bottom:none;}
.head-nav li li,.head-nav li li a { float:left;border:none;}
.head-nav-setting ul { width:auto;}
.head-nav-setting dd{width:150px;}
.head-nav-setting dt a { background:none; font-size:12px; height:20px; line-height:normal; padding:8px 2px 0; }
.head-nav-setting li a:hover { background:none; color:#294377; }
.head-nav-setting dt span { background:none; padding:0; }
.head-nav-setting li { padding:2px;}

a.begin{background: #efefef;border: 1px #eaeff5 solid;color: #333; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
a.begin:hover {color: #fff;}
.loading{background:url(loading.gif) no-repeat center center!important;}
/*---------------------------------------------------------------------------------------------------------------
	favor
 ---------------------------------------------------------------------------------------------------------------*/
.favor{
	position:relative;
	line-height:25px;
}
.favor .x-drop-menu{
	border-color: #666;
	z-Index:7004;
	clear:both;
	float:none;
	overflow:hidden;
	
}
.favor .x-drop-menu li{
	float:left;
	margin-right: 5px;
	white-space:nowrap;
	line-height:22px;
}
.favor .x-drop-menu .clear{
	border-top: 1px #ccc dotted;
	float:none;
	clear:both;
}
.favor-handle{


padding:1px 10px 1px 10px;
background:url(/img/arrow-down.gif) no-repeat 95% 50%; 
position:relative;
z-index: 7005;
text-decoration: none;
display:block;
zoom:1;
width: 52px;
}
.favor-active .favor-handle{
	border:1px #666 solid;
	border-bottom: none;
	padding:0 9px 0 9px;
	background-color:#fff;
	color:#333;
}



/*---------------------------------------------------------------------------------------------------------------
	main style
 ---------------------------------------------------------------------------------------------------------------*/
div.side, div.workground, div.side-r{ float: left; height:100%; margin:0;}
.side { background:#eaeef4; z-index:10; overflow-y: auto;}
.side-inner{ height: 100%; border-right: 1px solid #d4d4d4;}
.toggler-left {  cursor:pointer;width:7px; height: 100%; background:#FFF url(/img/left-toggler.png) no-repeat 100% 50%;border-right:1px #fff solid;}
.toggler-left-inner {display:block;width:7px;background:#FFF; height:100%;overflow:hidden;text-indent:-2000px;}
.toggler-left-inner:hover { background:#FFF url(/img/left-toggler.png) no-repeat 1px 50%;}
.toggler-left.fixed{visibility:hidden;}

.workground { background: #fff; overflow:hidden; width:100%; padding:0 5px 0 0;}

.content-main{ overflow:auto; zoom:1; height:100%; }
.single-page .content-main{position:relative;}
.content-foot .table-action { background: #f0f5f9; padding: 1px 0; border: none;margin-top: 0; }
.side-r { background:#EBEFF4; border-left:1px solid #d4d4d4; margin:0; padding:3px;}
.side { position: relative; }
.side a { color: #3f4d69; display: block; text-decoration:none }
.side .first { border-top:none; }
.side-title { background: url(side_bg.gif); font-size:14px; font-weight:bold; height:25px; line-height:25px; padding: 3px 0 2px 7px; margin:0 0 10px;  }
.side-bx { border-bottom:1px solid #c1cfe2; border-top:1px solid #fff; margin:0 6px; }
.side-bx ul, .side-bx li { margin: 0; }
.side-bx ul { padding: 1px 0 5px; }
.side-bx li { padding: 0; margin:0 0 1px; list-style: none;}
.side-bx a { padding: 2px 18px; zoom:1; text-decoration:none; }
.side-bx a:hover { background:#d8dde9; text-decoration:none; color:#3C5283 }
.side-bx .current, .side-bx .current:hover { background:url(side_bg.gif) 0 -60px; color:#fff; padding:2px 18px;}

.side-bx-title-inner { }
.side-content { padding:6px 0;}
.side-content h2 { margin: 10px 0 3px; }
.side-content h2 a { text-align: left; font-size:14px; padding: 0 0 0 30px; font-weight:bold; color: #354952; }
.side-bx-title h3 { background:url(side_bg.gif) no-repeat 0 4px; cursor:pointer; margin: 0; padding:4px 18px; font-size: 12px; color: #000; line-height: 22px; font-weight: bold; }
.side-bx-toggled h3 { background-position: 0 -26px; }
.icon-manage-handle { background: url(ico_manage_handle.gif) no-repeat; right: 5px; top: 8px; display: block; text-indent: -9999px; position: absolute; overflow: hidden; width: 12px; height: 12px; }
.icon-manage-handle:hover { background-position: 0 -12px; }
h5.head-title{ border-bottom:1px solid #ddd; padding:5px 0}
.disabled-input{background: #eee; color: #555}
/*---------------------------------------------------------------------------------------------------------------
	nav-bar
 ---------------------------------------------------------------------------------------------------------------*/
.nav-bar { background: #f0f6fe; height: 25px; line-height: 25px; padding: 0 5px; margin: 2px 0;}
.nav-bar span { margin: 0 3px; }
.nav-bar a { color: #606e8d; }
.nav-bar .btn span { background-position: 0 -178px;font-size:12px;text-align:center; height: 19px; line-height: 19px; color: #7f91a5; }
.nav-bar .btn span span { background-position: right -178px; height: 19px; line-height: 19px; margin:0}
.nav-bar .frt{ padding:0 1px; text-align:center; height:20px; line-height:20px; margin-top:2px}

/*---------------------------------------------------------------------------------------------------------------
	flow
 ---------------------------------------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------------------------------------------
	admin panel
 ---------------------------------------------------------------------------------------------------------------*/
.admin-panel { }
.admin-panel .group { padding:5px;margin:5px;overflow:hidden;width:30%; zoom:1;
    /*border:1px #e9e9e9 solid;border-bottom-color:#ccc;border-right-color:#ccc;*/
    border-bottom:#e9e9e9 dotted 1px;
    }
.admin-panel .last{border:none;}
.admin-panel .item { margin:0 0 10px 80px; *width:196px; _width:auto; padding:10px 0 0; }
.admin-panel ul { margin: 0; }
.admin-panel li { float:left; list-style:none; margin:0 15px 0 0; }
.admin-panel li a{float:left;display:block;line-height:20px;padding:0 5px 0 5px;border:1px #fff solid;}
.admin-panel li a:hover{background:#6A8ACA;
color:#FFFFFF;text-decoration:none;}
.admin-panel h4 { margin:0 0 10px; }

/*---------------------------------------------------------------------------------------------------------------
	dashboard
 ---------------------------------------------------------------------------------------------------------------*/
.widgets { padding:5px 0 0;}
.widgets .wcol { width:48%; overflow:hidden;}
.widgets .item { margin:0 10px 10px 0;}
.widgets .gridlist-head,.widgets .row {padding-left:4px;}
.widgets .gridlist-action {padding:0;height:auto;}
.widgets .last {border-bottom:none;}

.dashbd-action { display:none; background: url(/img/tile_bg.gif) repeat-x 0 -800px; color: #425a78; height: 25px;overflow: hidden; border-left:1px solid #D6DCE4; border-right:1px solid #E3E8EC; _padding-top:4px; }
.dashbd-bd { background:#fff;}
.dashbd-head {background: url(/img/tile_bg.gif) repeat-x 0 -859px; height:31px; padding-top:14px; padding-left:8px; overflow:hidden;}
.dashbd-head span { width:auto; padding:6px 6px 0; float:right;}
.dashbd-head th,
.dashbd-head td { background: url(/img/tile_bg.gif) 0 -300px; padding:0 2px; text-align:left; }
.dashbd-headl {background: url(/img/main_bg.gif) 0 -40px; width:99px; height:31px; color:#FFF; font-weight:bold; text-align:center; line-height:28px; float:left;}
.dashbd-heads {background: url(/img/main_bg.gif) 0 -80px; width:89px; height:31px; color:#FFF; font-weight:bold; text-align:center; line-height:28px;}
.dashbd-list { background: #fff; color: #5b5b5b; border-collapse:collapse; border: 1px solid #E3E8EC; overflow:hidden; height:auto; }
.dashbd-list h4 { color:#000; padding:10px 0 3px; margin:0; font-weight:normal; font-size:12px;}
.dashbd-figure { color:#FF6900; padding-left:2px;}
.figure-zero a, .figure-zero a:hover { color:#7b7b7b; font-weight:normal; }
.figure-zero .dashbd-figure { color:#b2b2b2; }
.dashbd-row { line-height:20px; border-bottom: 1px solid #D6DCE4; overflow:hidden; padding:0 0 5px 10px;  }
.dashbd-row table { width:auto; }
.dashbd-row td { width:95px; white-space:nowrap; padding:0; vertical-align:top; font-weight:bold; }
.dashbd-notice {background-color: #FFF; color: #514721; border:1px solid #D2DBE1; margin-bottom: 1em; width:98%; height:100px; padding:4px 0px 4px 3px;}
.dashbd-notice-title { width:14%; float:left; padding:3px 14px 0px 4px;}
.dashbd-notice-title h4{color:#4B5F87; background-color:#E2E5EC; text-align:center; padding:3px 0 2px 0;}
.dashbd-notice-info { width:80%; float:left; color:#20749A;}
.dashbd-notice-info ul{ padding:0; margin:0;}
.dashbd-notice-info li{ list-style:none; border-bottom:1px solid #E3E8EC; line-height:22px; white-space:nowrap;}
.dashbd-notice-statistics { width:49%; float:left; font-weight:normal;}
.dashbd-notice-statistics span{ width:45%; padding-right:10px; color:#333; display: -moz-inline-stack; display: inline-block; *display: inline;}

/*---------------------------------------------------------------------------------------------------------------
	app
---------------------------------------------------------------------------------------------------------------*/
.appbox h5{margin-left:10px;margin-top:10px}
.appbox .appName{margin-left:10px;color:#264409}
.appbox div.loader{padding-left:20px;color:#264409}
.appbox .csolinfo{width:70%;float:left;margin-left:20px}
.appbox .csol{width:12%;margin-right:20px;float:right}

.apptip {overflow:auto;text-align:center;margin:5px auto;}
.apptip .box{float:left;width:120px;height:18px;line-height:18px;margin-left:2em;margin-bottom:1em;background:none repeat scroll 0 0 #E7EFF5;}
.apptip .loading{background:#E7EFF5 url(load.gif) no-repeat 10px 5px!important;text-indent:30px;padding-right:10px}
.apptip .complete{background-color: #EDFFCF; color: #264409;}
.apptip .error2{background-color: #FBE3E4; color: #8a1f11;}


/*---------------------------------------------------------------------------------------------------------------
	analysis
---------------------------------------------------------------------------------------------------------------*/
.top_extra .data-action{margin-bottom:10px;}
.top_extra .large{ padding:3px; background:#e4e4e4; line-height:120%; margin-bottom:10px;}
.top_extra .large .ColColorOrange{ border:1px solid #c0bebf;padding-top:1em;padding-bottom:1em;}

.top_extra .ColColorOrange .span-auto{background-position:0 10px;}

.chart-view h5{color:#495f86;line-height:22px;margin-right:5px;}

.product-top {height:auto;overflow:hidden;}
.product-top .items {padding-top:8px; overflow:hidden; list-style:none;}
.product-top .items img{border:1px solid #ccc;width:50px;height:60px}
.product-top .items li{width:18%;margin-left:2%;}
.product-top .items em{color:red;font-weight:bold;font-style:italic; font-size:18px;}
.product-top .top-info{width:50px;}
.product-top .goods-info{width:130px;margin-left:10px;}
.product-top .goods-info strong{font-size:18px;}

.sale-top .items{list-style:none;}
.sale-top .items img{border:1px solid #ccc;width:40px;height:45px}
.sale-top .sort-items li{margin-top:10px;}
.sale-top .sort-items .goods-info{margin-left:8px;font-size:12px;}
.sale-top .graph{height:10px;}

.shopsale .span-auto{width:120px;margin:30px 10px;}
.shopsale .span-auto span{display:block}
.shopsale .ColColorOrange{height:200px;padding-left:35px}

.top_extra .infobox{border:1px solid #c0bebf;}
.top_extra .span-auto{margin-left:20px; }
.top_extra .chart-items, .top_extra .items{height:100%; *height:auto;}
